<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="images/surprise.png">
    <meta charset="UTF-8">
    <title>服务与合作</title>
  <link rel="stylesheet" href="css/service.css">

</head>
  <body>
  <div class="pe-title">
    <div class="logo">
      <!--    logo-->
      <a href="index.html"><img src="images/mobile/logo.png" alt=""></a>
    </div>
    <div class="title">
      <!--    存放ul的标题-->
      <ul>
          <a href="#list1">
              <li>友情链接</li>
          </a>
          <a href="#list2">
              <li>广告投放</li></a>
          <a href="#list3">
              <li>加入我们</li>
          </a>
      </ul>
    </div>
  </div>

  <div class="content">
<!--    内容页-->
    <div class="list1" id="list1">
      <h2>友情链接</h2>
<!--      友情链接说明介绍-->
      <div class="item">
        <img src="images/mobile/title.png" alt="">
        <div class="text">
          如果你也是一个站长,或许我们<b>可以</b>
          <br>
            "友情链接"
          <br>
            这对我们的成长有许多的帮助,当然
          <br>
            我们的合作是不牟利的,是的,完全免费
        </div>
      </div>
      <div class="flex">
        <div class="img">
          <img src="images/mobile/logo.png" alt=""></div>
        <div img1>
<!--            友情链接png图片-->
          <img src="images/mobile/youqing.png" alt=""></div>
        <div class="img2">
<!--              用户图标-->
          <img src="images/mobile/user.png" alt=""></div>
      </div>
    </div>
    <div class="list2" id="list2">
<!--          广告投放-->
      <h2>广告投放</h2>
      <div class="item">
        <img src="images/mobile/AD.png" alt="">
        <div class="text">
            如若您有商品希望推广增加流量
          <br>
            本站"广告推广"兴许可以帮你
          <br>
            当然,这是需要收费的,您可以安装时间来给予付费
          <br>
            如若有意,添加我的微信
        </div>
      </div>
      <div class="img">
        <img src="images/mobile/title1.png" alt="">
        <img src="images/mobile/pc.png" alt=""></div>
    </div>
    <div class="list3" id="list3">
      <h2>加入我们</h2>
      <br>
      <div class="text">
          最近 " 手头紧 "?有一身本事却又孤独一人...
        <p></p>
          让我get你的技能点,一同创造更庞大发业务体系</div>
      <div class="img">
        <img src="images/mobile/vx.png" alt="">
        <p><h2>vx号:i--0401</h2></p>
        <p><h4>@风吹内裤飘</h4></p>
      </div>
    </div>
  </div>
  </body>
</html>